@extends('layouts.master3')
@section("title")
千里码-提问
@endsection
@section("edstyle")
<link rel="stylesheet" href="http://www.qlcoder.com/css/edit/style.css">
<link rel="stylesheet" href="http://www.qlcoder.com/css/edit/editormd.css">
@endsection
@section("css")
<link href="/css/discuss.css" rel="stylesheet">
@endsection
@section("content")
<div class="contain">
    <div class="qz-q">
        <h2>编辑问题</h2>
    </div>
    <form method="POST" action="/gendis/{{$dis->id}}" accept-charset="UTF-8" id='q-form'><input name="_token" type="hidden" value="{{csrf_token()}}">
    <div class="qz-title">
        <input name="title" type="text" placeholder="标题:用一句话说清问题,并以问号结尾" value="{{$dis->title}}">
    </div>
    <div class="qz-q-list" style="margin-bottom:20px;">
        <span>选择标签</span>
        <select class="select" id="tag" name="filter">
            <option value="任务">任务</option>
            <option value="其他" @if($dis->tag=="其他") selected @endif>其他</option>
        </select>
        <select name="tag" class="select" @if($dis->tag=="其他") style="display:none" @endif>
@foreach($data as $d)
            <option value="{{$d->title}}" @if ($d->title==$dis->tag) selected="selected" @endif>{{$d->id}}.{{$d->title}}</option>
@endforeach
        </select>
        <!-- <input name="tag" type="text" class="qz-q-choose" placeholder="选择题目">
        <div class="qz-q-list-item none">
            <ul>
                <li data-task-id="1" data-task-title="码之初">1.码之初</li>
                <li data-task-id="2" data-task-title="smaller than smaller">2.smaller than smaller</li>
            </ul>
        </div> -->
    </div>
        <div id="test-editormd">
            <textarea name="text" style="display:none;" id="textarea">{{$dis->content}}</textarea>
        </div>
        <a class="btn btn-primary pull-right sub-q-form">编辑问题</a>
    </form>
</div>
@endsection

@section("js")
<script src="http://www.qlcoder.com/js/editormd.js?v=1.0"></script>
<script>
    $(function(){
        // var qz={
        //     flag:false
        // };
        // $(".qz-q-choose").click(function(e){
        //     e.stopPropagation();
        //     $(".qz-q-list-item").removeClass("none");
        //     var __this=this;
        //     $(__this).bind("keypress",function(e){
        //         if(e.keyCode=="13"){
        //             var inputVal=$(this).val();
        //             console.log(inputVal+"xx");
        //             var c_title=$("[data-task-id='"+inputVal+"']").attr("data-task-title");
        //             $(this).val(c_title);
        //             $(".qz-q-list-item").addClass("none");
        //         }
        //     })
        // });
        // $(".qz-q-choose").bind("input propertychange",function(){
        //     if($(this).val()=="")
        //     {
        //         $(".qz-q-list-item").removeClass("none");
        //     }
        // });
        // $(".qz-q-list-item").mouseenter(function(){
        //     $(this).addClass("ydg_flag");
        //     var H=$("html");
        //     var w1 = $(window).width();
        //     H.addClass('lock-test');
        //     var w2 = $(window).width();
        //     H.removeClass('lock-test');
        //     $("#scroll-width").remove();
        //     $("html").toggleClass("alpha");
        //     $("<style type='text/css' id='scroll-width'>.html-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
        //     $(".qz-q-list-item ul li").each(function(){
        //         var _this=this;
        //         $(_this).click(function(){
        //             var _txt=$(this).attr("data-task-title");
        //             $(".qz-q-choose").val(_txt);
        //             $(".qz-q-list-item").addClass("none");
        //         })
        //     })
        // }).mouseleave(function(){
        //     $(this).removeClass("ydg_flag")
        //     $("html").toggleClass("alpha");
        //     $("#scroll-width").html('.html-margin{margin-right:0px;}')

        // });
        // $(document).click(function(){
        //     if(!$(".qz-q-list-item").hasClass("ydg_flag"))
        //     {
        //         $(".qz-q-list-item").addClass("none");
        //     }
        // })
        //submit form
        $(".sub-q-form").click(function(){
            var q_title=$(".qz-title input").val(),
                q_task=$(".qz-q-choose").val(),
                q_content=$(".editormd-preview-container").html();
            //先凑活把。上了再说o(╯□╰)o
            if(q_title!=""&&q_task!=""&&q_content!="")
            {
                $("#q-form").submit();
            }
            else if(q_title=="")
            {
                alert("标题不能为空");
            }
            else if(q_task==""){
                alert("标签不能为空");
            }
            else if(q_content==""){
                alert("内容不能为空。。");
            }
        })
        $("#tag").change(function(){
            if($(this).children('option:selected').val()!=="任务"){
                $(this).next("select").hide();
            }
            else{
                $(this).next("select").show();
            }
        })
        
    })
</script>
<script type="text/javascript">
    var testEditor;
    $(function() {
        editormd.methodOne = function() {
        };

        testEditor = editormd("test-editormd", {
            width  : "100%",
            height : 600,
            toolbarAutoFixed:false,
            path   : 'http://www.qlcoder.com/lib/',
            placeholder :'1.描述你的问题 \n 2.贴上相关代码 \n 3.贴上报错信息 \n 4.贴上相关截图 \n 5.已经尝试过哪些方法仍没有解决（附上相关链接）',
            onload : function() {
            }
        });

        editormd.methodOne();
    });
    var textAreas = document.getElementById('textarea');

    Array.prototype.forEach.call(textAreas, function(elem) {
        elem.placeholder = elem.placeholder.replace(/\\n/g, '\n');
    });
    if(document.getElementsByClassName("contain")[0]!=null)
        document.getElementsByClassName("contain")[0].style.minHeight=window.innerHeight-152+"px";
</script>
@endsection
